<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Login</title>

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link href="../static/common/js/rangeslider/css/main.css" rel="stylesheet">
    <link href="../static/common/js/rangeslider/css/rangeslider.css" rel="stylesheet">
    <link href="../static/common/js/weui-master/dist/style/weui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/mode.css">
</head>
<style>
    .weui-tab__panel{color: #34353e;}
</style>
<body>
<div class="page">
    <input type="hidden" id="tenantId" name="tenantId" value="1">
    <input type="hidden" id="testerId" name="testerId" value="16">
    <input type="hidden" id="productId" name="productId" value="1">
    <input type="hidden" id="deviceTypeId" name="deviceTypeId" value="1">
    <div class="page__bd" style="height: 100%;">
        <div class="weui-tab" style="height: 100%;">
            <div class="weui-navbar">
                <div href="#getDeviceList" to-url="getDeviceList" class="weui-navbar__item weui-bar__item_on">
                    <span>校验规则</span>
                </div>
                <div href="#testerMode" to-url="testerMode" class="weui-navbar__item">
                    <span>测试模式</span>
                </div>
            </div>
            <div class="weui-tab__panel">
                <div id="getDeviceList" class="weui-tab__content" style="display: block">
                    <div class="page"  style="overflow-x: hidden;">
                        <div class="page__bd page__bd_spacing">
                            <div class="weui-flex sg-test-title">
                                <div style="padding-left:20px;min-width: 70px;">
                                    <div class="placeholder">属性名</div>
                                </div>
                                <div class="weui-flex__item" style="text-align: center; padding-right: 10px;">
                                    <div class="placeholder">校验规则</div>
                                </div>
                                <div style="min-width: 80px; padding-right: 10px;">
                                    <div class="placeholder">下发值</div>
                                </div>
                            </div>
                        </div>
                        <div class="page__bd page__bd_spacing">
                            <form action="" style="height: 100%;" id="test-rule-page">

                            </form>
                        </div>
                        <div class="weui-btn-area" style="padding-top:0%; margin-bottom: 15px;">
                            <a class="weui-btn weui-btn_primary" href="javascript:void(0);" onclick="CheckRuleStore()"
                               style="background: #508FFB">应用</a>
                        </div>
                    </div>
                </div><!--校验规则-->


                <div id="testerMode" class="weui-tab__content">

                    <input type="hidden" name="testType" id="testType" value="">
                    <div class="test-model-set">
                        <div class="test-model-set-left" style="float:left; width: 50%;">
                            <span style="padding-left: 15px; ">正常测试模式</span>
                        </div>
                        <div class="test-model-set-left" style="float:left; width: 50%;">
                            <label for="mode-normal" class="weui-switch-cp" style="float: right;">
                                <input id="mode-normal" class="weui-switch-cp__input mode-checkbox"
                                       type="checkbox"/>
                                <div class="weui-switch-cp__box" style="margin: 15px;"></div>
                            </label>
                        </div>
                    </div>
                    <div class="weui-panel__hd" style="line-height: 0.1">正常测试模式仅测试一次数据是否上传成功</div>

                    <div class="test-model-set">
                        <div class="test-model-set-left" style="float:left; width: 50%;">
                            <span style="padding-left: 15px; ">压力测试模式</span>
                        </div>
                        <div class="test-model-set-left" style="float:left; width: 50%;">
                            <label for="mode-pressure" class="weui-switch-cp" style="float: right;">
                                <input id="mode-pressure" class="weui-switch-cp__input mode-checkbox"
                                       type="checkbox"
                                       checked="checked"/>
                                <div class="weui-switch-cp__box" style="margin: 15px;"></div>
                            </label>
                        </div>
                    </div>
                    <div class="weui-panel__hd" style="line-height: 0.1">压力测试模式在测试一定时间内不断进行上传下发</div>

                    <div id="test-mode-slider-div">
                        <div class="weui-media-box weui-media-box_text test-period-div" style="box-shadow:1px 0px 0px 0px #d5d5d5;">
                            <h4 class="weui-media-box__title">测试时长设置</h4>
                            <div>
                                <label style="float: left;font-size: 14px">15分钟</label>
                                <label style="float: right;font-size: 14px">48小时</label>
                                <div style="clear: both"></div>
                            </div>
                            <!--<div id="test-period-slider" class="weui-slider-box__value"></div>-->
                            <div id="test-period-div" class="model-slider-div">
                                <input type="range" id="test-period-slider" value="15" min="15" max="2880" step="15"
                                       data-rangeslider>
                                <output style="position: relative;">0.25小时</output>
                                <input type="hidden" class="value" name="testPeriod" id="testPeriod" value="15">
                            </div>
                        </div>
                        <div class="weui-media-box weui-media-box_text test-period-div">
                            <h4 class="weui-media-box__title">测试间隔设置</h4>
                            <div>
                                <label style="float: left;font-size: 14px" id="cmd-interval">1分钟</label>
                                <label style="float: right;font-size: 14px">60分钟</label>
                                <div style="clear: both"></div>
                            </div>
                            <!--<div class="weui-slider-box">
                                <div id="cmd-interval-slider" class="weui-slider">
                                    <div class="weui-slider__inner">
                                        <div class="weui-slider__track"></div>
                                        <div class="weui-slider__handler"></div>
                                    </div>
                                </div>
                            </div>-->
                            <div id="cmd-interval-div" class="model-slider-div">
                                <input type="range" id="cmd-interval-slider" value="0" min="0" max="60" step="1"
                                       data-rangeslider>
                                <output style="position: relative;">0分钟</output>
                                <input type="hidden" class="value" name="cmdInterval" id="cmdInterval" value="0">
                            </div>
                            <!--<div class="cmd-interval" style="width:100%"></div>-->
                        </div>
                        <div class="weui-media-box weui-media-box_text test-period-div" style="box-shadow:0px 0px 1px 0px #d5d5d5;">
                            <h4 class="weui-media-box__title">成功率设置</h4>
                            <div>
                                <label style="float: left;font-size: 14px"><span id="success-radio">0</span></label>
                                <label style="float: right;font-size: 14px">100%</label>
                                <div style="clear: both"></div>
                            </div>
                            <div id="success-radio-div" class="model-slider-div">
                                <input type="range" id="success-radio-slider" min="0" max="100" step="1" value="0"
                                       data-rangeslider>
                                <output style="position: relative;">0%</output>
                                <input type="hidden" class="value" name="successRadio" id="successRadio" value="0">
                            </div>

                            <!--<div class="weui-slider-box">
                                <div id="success-radio-slider" class="weui-slider">
                                    <div class="weui-slider__inner">
                                        <div class="weui-slider__track"></div>
                                        <div class="weui-slider__handler"></div>
                                    </div>
                                </div>
                                <div id="sliderValue2" class="weui-slider-box__value"></div>
                            </div>-->
                        </div>
                    </div>


                    <div class="weui-btn-area" style="padding-top:0%; margin-bottom: 15px;">
                        <a class="weui-btn weui-btn_primary" href="javascript:void(0);" onclick="submitTesterMode()"
                           style="background: #508FFB">应用</a>
                    </div>
                </div><!-- 测试模式 weui-tab__content-->
            </div>
        </div>
    </div>
</div>
</body>
<script src="../static/common/js/jquery-1.11.1.min.js"></script>
<script src="../static/common/js/weui-master/dist/js/weui.min.js"></script>
<script src="../static/common/js/rangeslider/js/rangeslider.min.js"></script>
<script src="../static/common.js"></script>
<script src="js/mode.js"></script>
</html>